<!-- 页面 -->
<template>
    <div class="lunbo">
        <van-swipe class="my-swipe" :autoplay="3000" style="height: 200px;" indicator-color="white">
            <van-swipe-item><img src="https://img13.360buyimg.com/babel/s290x370_jfs/t1/139409/4/32452/58103/63aeb07aFdaf31e61/123e814d784bbbfa.png!cc_290x370.webp" alt=""></van-swipe-item>
            <van-swipe-item><img src="https://img13.360buyimg.com/babel/s290x370_jfs/t1/43429/20/22392/28721/63997c35Ee41242b5/15992ff74dc24a4c.png!cc_290x370.webp" alt=""></van-swipe-item>
            <van-swipe-item><img src="https://img10.360buyimg.com/jdcms/s150x150_jfs/t1/130820/40/31135/99812/640a8f0bF72864a52/fc3de48f8463bf7b.jpg.webp" alt=""></van-swipe-item>
        </van-swipe>
    </div>
</template>
<!-- vue -->
<script>
import Vue from 'vue';
import { Lazyload } from 'vant';

Vue.use(Lazyload);
export default {
    data() {
        return {
            // 声明的属性
        }
    },
    //生命周期函数
    mounted() {
    },
    // 调用方法
    methods: {
    },
    // 监听器
    watch: {
    },
    // 计算属性
    computed: {
    },
    // 过滤器
    filters: {
    },
    // 自定义指令
    directives: {
    }
}
</script>
<!-- css样式 -->
<style>
.my-swipe .van-swipe-item {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
}
.my-swipe img{
    width: 100%;
    height: 100%;
}
</style>